<template>
  <div>
    <p>我是父亲的我的值是{{ count }}</p>
    <!-- <Tab @fn="get" /> -->
    <Tab ref="tab" />
    <Header />
  </div>
</template>

<script>
// 使用自定义事件 子给父传参
import Tab from "./components/Tab.vue";
import Header from "./components/Header.vue";
import _ from "lodash";
export default {
  name: "App",
  // 注册
  components: { Tab, Header },
  data() {
    return { count: 0 };
  },
  methods: {
    get(value) {
      // 使用lodash实现深拷贝
      this.count = _.cloneDeep(value);
    },
  },
  // 挂载完成时添加事件 第一个值是事件名称 第二个参数是事件函数
  mounted() {
    this.$refs.tab.$on("fn", this.get);
  },
};
</script>

<style>
</style>